/*
 *
 * {{ properCase name }}
 *
 */

import React from 'react';
import { connect } from 'react-redux';
{{#if wantSelector}}

import { createSelector } from 'reselect';
{{#if selectorName}}
import {{camelCase selectorName}}Selector from '{{camelCase selectorName}}Selector';
{{else}}
{{#each selectors }}
import {{this}} from '{{this}}';
{{/each}}
{{/if}}
{{/if}}

{{#if wantCSS}}
import styles from './styles.css';
{{/if}}

class {{ properCase name }} extends React.Component {
  render() {
    return (
      {{#if wantCSS}}
      <div className={ styles.{{ camelCase name }} }>
      {{else}}
      <div>
      {{/if}}
      </div>
    );
  }
}

function mapDispatchToProps(dispatch) {
  return {
    dispatch,
  };
}

{{#if wantSelector}}
export default connect(createSelector(
  {{#if selectorName}}
    {{camelCase selectorName}}Selector
  {{else}}
  {{#each selectors }}
    {{this}}(),
  {{/each}}
  
  {{/if}}
), mapDispatchToProps)({{ properCase name }});
{{else}}
function mapStateToProps(state) {
  return {

  };
}

export default connect(mapStateToProps, mapDispatchToProps)({{ properCase name }});
{{/if}}
